<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core" 
	xmlns:p="http://primefaces.org/ui"
	xmlns:shiro="http://shiro.apache.org/tags">

<h:body>
	<ui:composition>
		
		<div align="center">
			<p:panelGrid columns="1" style="text-align: center;width: 100%;">
				<h:panelGrid columns="1" styleClass="logo-image no-border" bgcolor="#322c60" cellpadding="0" cellspacing="0" />
				
				<h:form>
					<h:panelGrid columns="2" style="width: 100%;" styleClass="no-border" columnClasses="column-template2">
						<h:outputText value="" />
						
						<shiro:notAuthenticated>
							<p:panelGrid columns="3" style="text-align: center; width: 510px;" styleClass="no-border">
								<p:inputText id="usuario" value="#{loginManagedBean.usuario}" required="true" requiredMessage="#{msj['sifeap.login.usuario.obligatorio']}"/>
								<p:password id="password" value="#{loginManagedBean.password}" required="true" requiredMessage="#{msj['sifeap.login.contrasena.obligatorio']}"/>
								<p:commandButton value="#{etq['sifeap.login.iniciar']}" update="@form" action="#{loginManagedBean.autenticar}"/>
								
								<p:commandLink id="desbloquear" update=":modalDesbloquearUsuario" value="#{etq['sifeap.login.desbloquearusuario']}" process="@this" oncomplete="dlgDesbloquearUsuario.show();" rendered="#{loginManagedBean.mostrarDesbloquearUsuario}" style="font-size: 10px;" />
								
							</p:panelGrid>
						</shiro:notAuthenticated>
						
						<shiro:authenticated>
							<p:panelGrid columns="3" style="text-align: left;" styleClass="no-border" columnClasses="column-template3,column-template3">
								<h:outputText value="#{etq['sifeap.login.bienvenido']}" style="font-weight: bold;" />
								<shiro:user><h:outputText value="#{loginManagedBean.usuarioSesion.vinculado.primerNombre} #{loginManagedBean.usuarioSesion.vinculado.segundoNombre} #{loginManagedBean.usuarioSesion.vinculado.primerApellido} #{loginManagedBean.usuarioSesion.vinculado.segundoApellido}" /></shiro:user>
								<p:commandLink ajax="false" action="#{loginManagedBean.salir}" title="#{etq['sifeap.login.cerrar']}">
									<h:graphicImage library="images" name="logout.png" style="border: 0px;" />
								</p:commandLink>
							</p:panelGrid>
						</shiro:authenticated>
						
					</h:panelGrid>
					<shiro:notAuthenticated>
						<p:watermark for="usuario" value="#{etq['sifeap.login.usuario']}" />
						<p:watermark for="password" value="#{etq['sifeap.login.contrasena']}" />
					</shiro:notAuthenticated>
				</h:form>
				
				<ui:include src="menu.xhtml" />
				
			</p:panelGrid>
		</div>
		<p:dialog id="modalDesbloquearUsuario"
			header="#{etq['sifeap.desbloquearusuario.titulo']}" widgetVar="dlgDesbloquearUsuario"
			modal="true" width="590"
			height="280" dynamic="false" draggable="false" closable="false"
			resizable="false">
			<f:subview>
				<ui:include src="/web/usuarios/desbloquearUsuario.xhtml"></ui:include>
			</f:subview>

			<p:ajax event="close"
				listener="#{desbloquearUsuarioManagedBean.cerrar}" />
		</p:dialog>
	</ui:composition>
</h:body>
</html>